window.onload=function(){
    let ouls=document.querySelectorAll('.banner-left .bnlul');
    let odivs=document.querySelectorAll('.bldiv');
    for(let i=0;i<ouls.length;i++){
        let uls=ouls[i];
        uls.onmousemove=function(){
            for(var j=0;j<ouls.length;j++){
                ouls[j].style.backgroundColor="#ccc";
                odivs[j].style.display='none'
            }
            uls.style.backgroundColor="#fff";
            odivs[i].style.display='block';
                odivs[i].onmouseleave=function(){
                    odivs[i].style.display='none';
                }
                // uls.onmouseleave=function(){
                //     odivs[i].style.display='none';
                //     uls.style.color="black";
                // }
        }
        uls.onmouseleave=function(){
            uls.style.backgroundColor='#ccc'
        }     
    }
    // 轮播图
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
          elem: '#test1'
          ,width: '100%' //设置容器宽度
          ,height:'400px'
          ,arrow: 'always' //始终显示箭头
          //,anim: 'updown' //切换动画方式
        });
      });
    //   搜索框
    //   let sousuo=document.querySelector('.txt');
    //   let ipt=document.querySelector('.btn');
    //   sousuo.oninput=function(){
    //     let script=document.createElement('script');
    //     let word=this.value;
    //     script.src=`https://www.baidu.com/sugrec?callback=box&prod=pc_hao123&wd=${word}&pre=1&p=3&ie=utf-8&json=1&from=pc_hao123&_=1610528598855`;
    //     document.body.appendChild(script);
    //         // 删除script这个节点
    //     document.body.removeChild(script);
    //   }
    //   function box(obj){
    //       console.log(obj)
    //   }
    // 请求商品接口
    let uid=localStorage.getItem('id');
    // let token=localStorage.getItem('token');
    // let username=localStorage.getItem('username');
    let pagenum=0;
    let pagesize=10;
    loadlist()
    async function loadlist(){
        let res=await axios.get(indexAPI,{
            params:{
            uid,
            pagenum,
            pagesize
        }})
        let productArr=res.data.data;
        console.log(productArr)
        let liarr=productArr.map(pObj=>`
        <div class="bbb">
            <img src="${pObj.pimg}" alt="" class="qqimg">
            <h2 class="qqname">${pObj.pname}</h2>
            <p class="qqxq">${pObj.pdesc}</p>
            <a href="item.html?id=${pObj.pid}"><p class="qqbt">查看详情</p></a>
        </div>
        `)
        let list=document.querySelector('.zwtuijian');
        list.innerHTML=liarr.join('');
    }
    // 遍历每个查看详情
    // let ckdivs=document.querySelectorAll('.bbb')
    // let ckps=document.querySelectorAll('.qqbt')
    // for(let i=0;i<ckdivs.length;i++){
    //     ckdivs[i].onmousemove=function(){
    //         console.log(111)
    //         for(j=0;j<ckdivs.length;j++){
    //             ckps[j].style.display='none'
    //             // ckdivs[j].style.backgroundColor='#fff'
    //         }
    //         // ckdivs[i].style.backgroundColor='red'
    //         ckps[i].style.display='block'
    //     }
    // }
    // 回到顶部
    top()
    function top(){
        let huitop=document.querySelector('.huidaotop')
        huitop.onclick=function(){
            let hmtop=setInterval(function(){
            var timer=document.body.scrollTop || document.documentElement.scrollTop;
            timer = timer - 70;
            document.body.scrollTop=document.documentElement.scrollTop=timer;
            if(timer<=0){
                clearInterval (hmtop);
            }
        },50)
        }
    }
}
